﻿(function ($) {
    $.extend({
        'nicenav': function (con) {
            var count = $('#nav').find('li').length;
            console.log(count);
            $('.banner-nav').width(count * 120);
            con = typeof con === 'number' ? con : 400;
            var $lis = $('#nav>li'), $h = $('#buoy'), hleft = '0';
            $lis.click(function () {
                $h.stop().animate({
                    'left': $(this).offsetParent().context.offsetLeft
                }, con);
                hleft = $h.css('left');
            });
            $lis.hover(function () {
                $h.stop().animate({
                    'left': $(this).offsetParent().context.offsetLeft
                }, con);
            }, function () {
                $h.stop().animate({
                    'left': hleft
                }, con);
            })
        }
    });
}(jQuery));